<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <base href=".">
    <title>键盘测试</title>
    <link rel="stylesheet" type="text/css" href="theme/virtualKeyboard.css">
    <script type="text/javascript" src="../jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="icity/framework/keyboard/virtual-keyboard.js"></script>
    <script type="text/javascript" src="icity/framework/keyboard/customize-keyboard.js"></script>
    <script type="text/javascript" src="chinese-pynsimpl.js"></script>
</head>
<body>

<div id="virtualKeyboard" class="keyboard_hide">
    <div id="words_input" class="words_input">
        <span id="input_letters" class="input_letters"></span>
    </div>
    <div id="words_list" class="words_list">
    </div>
    <div id="button_page" class="button_page">
        <span id="button-pre" class="button-pre" tabindex="0" style="outline:none;"
              onclick="switch_page_btn(&#39;&#39;,&#39;button-pre&#39;,&#39;click&#39;)"
              onmouseover="switch_page_btn(&#39;&#39;,&#39;button-pre&#39;,&#39;focus&#39;)"
              onmouseleave="switch_page_btn(&#39;&#39;,&#39;button-pre&#39;,&#39;leave&#39;)"
              onkeydown="switch_page_btn(event,&#39;button-pre&#39;,&#39;click&#39;)"
              onfocus="switch_page_btn(&#39;&#39;,&#39;button-pre&#39;,&#39;focus&#39;)"
              onblur="switch_page_btn(&#39;&#39;,&#39;button-pre&#39;,&#39;leave&#39;)"></span>
        <span id="button-next" class="button-next" tabindex="0" style="outline:none;"
              onclick="switch_page_btn(&#39;&#39;,&#39;button-next&#39;,&#39;click&#39;)"
              onmouseover="switch_page_btn(&#39;&#39;,&#39;button-next&#39;,&#39;focus&#39;)"
              onmouseleave="switch_page_btn(&#39;&#39;,&#39;button-next&#39;,&#39;leave&#39;)"
              onkeydown="switch_page_btn(event,&#39;button-next&#39;,&#39;click&#39;)"
              onfocus="switch_page_btn(&#39;&#39;,&#39;button-next&#39;,&#39;focus&#39;)"
              onblur="switch_page_btn(&#39;&#39;,&#39;button-next&#39;,&#39;leave&#39;)"></span>
    </div>

    <div id="keyboard_letters" class="keyboard_letters">
        <span id="keyboard_0" tabindex="0" style="outline:none;"
              onclick="click_keyboard(&#39;&#39;,&#39;keyboard_0&#39;,&#39;click&#39;)"
              onmouseover="click_keyboard(&#39;&#39;,&#39;keyboard_0&#39;,&#39;focus&#39;)"
              onmouseleave="click_keyboard(&#39;&#39;,&#39;keyboard_0&#39;,&#39;leave&#39;)"
              onkeydown="click_keyboard(event,&#39;keyboard_0&#39;,&#39;click&#39;)"
              onfocus="click_keyboard(&#39;&#39;,&#39;keyboard_0&#39;,&#39;focus&#39;)"
              onblur="click_keyboard(&#39;&#39;,&#39;keyboard_0&#39;,&#39;leave&#39;)">0</span>
        <span id="keyboard_1" tabindex="0" style="outline:none;"
              onclick="click_keyboard(&#39;&#39;,&#39;keyboard_1&#39;,&#39;click&#39;)"
              onmouseover="click_keyboard(&#39;&#39;,&#39;keyboard_1&#39;,&#39;focus&#39;)"
              onmouseleave="click_keyboard(&#39;&#39;,&#39;keyboard_0&#39;,&#39;leave&#39;)"
              onkeydown="click_keyboard(event,&#39;keyboard_1&#39;,&#39;click&#39;)"
              onfocus="click_keyboard(&#39;&#39;,&#39;keyboard_1&#39;,&#39;focus&#39;)"
              onblur="click_keyboard(&#39;&#39;,&#39;keyboard_1&#39;,&#39;leave&#39;)">1</span>
        <span id="keyboard_2" tabindex="0" style="outline:none;"
              onclick="click_keyboard(&#39;&#39;,&#39;keyboard_2&#39;,&#39;click&#39;)"
              onmouseover="click_keyboard(&#39;&#39;,&#39;keyboard_2&#39;,&#39;focus&#39;)"
              onmouseleave="click_keyboard(&#39;&#39;,&#39;keyboard_0&#39;,&#39;leave&#39;)"
              onkeydown="click_keyboard(event,&#39;keyboard_2&#39;,&#39;click&#39;)"
              onfocus="click_keyboard(&#39;&#39;,&#39;keyboard_2&#39;,&#39;focus&#39;)"
              onblur="click_keyboard(&#39;&#39;,&#39;keyboard_2&#39;,&#39;leave&#39;)">2</span>
        <span id="keyboard_3" tabindex="0" style="outline:none;"
              onclick="click_keyboard(&#39;&#39;,&#39;keyboard_3&#39;,&#39;click&#39;)"
              onmouseover="click_keyboard(&#39;&#39;,&#39;keyboard_3&#39;,&#39;focus&#39;)"
              onmouseleave="click_keyboard(&#39;&#39;,&#39;keyboard_0&#39;,&#39;leave&#39;)"
              onkeydown="click_keyboard(event,&#39;keyboard_3&#39;,&#39;click&#39;)"
              onfocus="click_keyboard(&#39;&#39;,&#39;keyboard_3&#39;,&#39;focus&#39;)"
              onblur="click_keyboard(&#39;&#39;,&#39;keyboard_3&#39;,&#39;leave&#39;)">3</span>
        <span id="keyboard_4" tabindex="0" style="outline:none;"
              onclick="click_keyboard(&#39;&#39;,&#39;keyboard_4&#39;,&#39;click&#39;)"
              onmouseover="click_keyboard(&#39;&#39;,&#39;keyboard_4&#39;,&#39;focus&#39;)"
              onmouseleave="click_keyboard(&#39;&#39;,&#39;keyboard_0&#39;,&#39;leave&#39;)"
              onkeydown="click_keyboard(event,&#39;keyboard_4&#39;,&#39;click&#39;)"
              onfocus="click_keyboard(&#39;&#39;,&#39;keyboard_4&#39;,&#39;focus&#39;)"
              onblur="click_keyboard(&#39;&#39;,&#39;keyboard_4&#39;,&#39;leave&#39;)">4</span>
        <span id="keyboard_5" tabindex="0" style="outline:none;"
              onclick="click_keyboard(&#39;&#39;,&#39;keyboard_5&#39;,&#39;click&#39;)"
              onmouseover="click_keyboard(&#39;&#39;,&#39;keyboard_5&#39;,&#39;focus&#39;)"
              onmouseleave="click_keyboard(&#39;&#39;,&#39;keyboard_0&#39;,&#39;leave&#39;)"
              onkeydown="click_keyboard(event,&#39;keyboard_5&#39;,&#39;click&#39;)"
              onfocus="click_keyboard(&#39;&#39;,&#39;keyboard_5&#39;,&#39;focus&#39;)"
              onblur="click_keyboard(&#39;&#39;,&#39;keyboard_5&#39;,&#39;leave&#39;)">5</span>
        <span id="keyboard_6" tabindex="0" style="outline:none;"
              onclick="click_keyboard(&#39;&#39;,&#39;keyboard_6&#39;,&#39;click&#39;)"
              onmouseover="click_keyboard(&#39;&#39;,&#39;keyboard_6&#39;,&#39;focus&#39;)"
              onmouseleave="click_keyboard(&#39;&#39;,&#39;keyboard_0&#39;,&#39;leave&#39;)"
              onkeydown="click_keyboard(event,&#39;keyboard_6&#39;,&#39;click&#39;)"
              onfocus="click_keyboard(&#39;&#39;,&#39;keyboard_6&#39;,&#39;focus&#39;)"
              onblur="click_keyboard(&#39;&#39;,&#39;keyboard_6&#39;,&#39;leave&#39;)">6</span>
        <span id="keyboard_7" tabindex="0" style="outline:none;"
              onclick="click_keyboard(&#39;&#39;,&#39;keyboard_7&#39;,&#39;click&#39;)"
              onmouseover="click_keyboard(&#39;&#39;,&#39;keyboard_7&#39;,&#39;focus&#39;)"
              onmouseleave="click_keyboard(&#39;&#39;,&#39;keyboard_0&#39;,&#39;leave&#39;)"
              onkeydown="click_keyboard(event,&#39;keyboard_7&#39;,&#39;click&#39;)"
              onfocus="click_keyboard(&#39;&#39;,&#39;keyboard_7&#39;,&#39;focus&#39;)"
              onblur="click_keyboard(&#39;&#39;,&#39;keyboard_7&#39;,&#39;leave&#39;)">7</span>
        <span id="keyboard_8" tabindex="0" style="outline:none;"
              onclick="click_keyboard(&#39;&#39;,&#39;keyboard_8&#39;,&#39;click&#39;)"
              onmouseover="click_keyboard(&#39;&#39;,&#39;keyboard_8&#39;,&#39;focus&#39;)"
              onmouseleave="click_keyboard(&#39;&#39;,&#39;keyboard_0&#39;,&#39;leave&#39;)"
              onkeydown="click_keyboard(event,&#39;keyboard_8&#39;,&#39;click&#39;)"
              onfocus="click_keyboard(&#39;&#39;,&#39;keyboard_8&#39;,&#39;focus&#39;)"
              onblur="click_keyboard(&#39;&#39;,&#39;keyboard_8&#39;,&#39;leave&#39;)">8</span>
        <span id="keyboard_9" tabindex="0" style="outline:none;"
              onclick="click_keyboard(&#39;&#39;,&#39;keyboard_9&#39;,&#39;click&#39;)"
              onmouseover="click_keyboard(&#39;&#39;,&#39;keyboard_9&#39;,&#39;focus&#39;)"
              onmouseleave="click_keyboard(&#39;&#39;,&#39;keyboard_0&#39;,&#39;leave&#39;)"
              onkeydown="click_keyboard(event,&#39;keyboard_9&#39;,&#39;click&#39;)"
              onfocus="click_keyboard(&#39;&#39;,&#39;keyboard_9&#39;,&#39;focus&#39;)"
              onblur="click_keyboard(&#39;&#39;,&#39;keyboard_9&#39;,&#39;leave&#39;)">9</span>
        <span id="keyboard_dot" tabindex="0" style="outline:none;"
              onclick="click_keyboard(&#39;&#39;,&#39;keyboard_dot&#39;,&#39;click&#39;)"
              onmouseover="click_keyboard(&#39;&#39;,&#39;keyboard_dot&#39;,&#39;focus&#39;)"
              onmouseleave="click_keyboard(&#39;&#39;,&#39;keyboard_0&#39;,&#39;leave&#39;)"
              onkeydown="click_keyboard(event,&#39;keyboard_dot&#39;,&#39;click&#39;)"
              onfocus="click_keyboard(&#39;&#39;,&#39;keyboard_dot&#39;,&#39;focus&#39;)"
              onblur="click_keyboard(&#39;&#39;,&#39;keyboard_dot&#39;,&#39;leave&#39;)">.</span>
        <span id="keyboard_at" tabindex="0" style="outline:none;"
              onclick="click_keyboard(&#39;&#39;,&#39;keyboard_at&#39;,&#39;click&#39;)"
              onmouseover="click_keyboard(&#39;&#39;,&#39;keyboard_at&#39;,&#39;focus&#39;)"
              onmouseleave="click_keyboard(&#39;&#39;,&#39;keyboard_0&#39;,&#39;leave&#39;)"
              onkeydown="click_keyboard(event,&#39;keyboard_at&#39;,&#39;click&#39;)"
              onfocus="click_keyboard(&#39;&#39;,&#39;keyboard_at&#39;,&#39;focus&#39;)"
              onblur="click_keyboard(&#39;&#39;,&#39;keyboard_at&#39;,&#39;leave&#39;)">@</span>
        <span id="keyboard_sharp" tabindex="0" style="outline:none;"
              onclick="click_keyboard(&#39;&#39;,&#39;keyboard_sharp&#39;,&#39;click&#39;)"
              onmouseover="click_keyboard(&#39;&#39;,&#39;keyboard_sharp&#39;,&#39;focus&#39;)"
              onmouseleave="click_keyboard(&#39;&#39;,&#39;keyboard_0&#39;,&#39;leave&#39;)"
              onkeydown="click_keyboard(event,&#39;keyboard_sharp&#39;,&#39;click&#39;)"
              onfocus="click_keyboard(&#39;&#39;,&#39;keyboard_sharp&#39;,&#39;focus&#39;)"
              onblur="click_keyboard(&#39;&#39;,&#39;keyboard_sharp&#39;,&#39;leave&#39;)">#</span>

        <span id="keyboard_a" tabindex="0" style="outline:none;"
              onclick="click_keyboard(&#39;&#39;,&#39;keyboard_a&#39;,&#39;click&#39;)"
              onmouseover="click_keyboard(&#39;&#39;,&#39;keyboard_a&#39;,&#39;focus&#39;)"
              onmouseleave="click_keyboard(&#39;&#39;,&#39;keyboard_0&#39;,&#39;leave&#39;)"
              onkeydown="click_keyboard(event,&#39;keyboard_a&#39;,&#39;click&#39;)"
              onfocus="click_keyboard(&#39;&#39;,&#39;keyboard_a&#39;,&#39;focus&#39;)"
              onblur="click_keyboard(&#39;&#39;,&#39;keyboard_a&#39;,&#39;leave&#39;)">a</span>
        <span id="keyboard_b" tabindex="0" style="outline:none;"
              onclick="click_keyboard(&#39;&#39;,&#39;keyboard_b&#39;,&#39;click&#39;)"
              onmouseover="click_keyboard(&#39;&#39;,&#39;keyboard_b&#39;,&#39;focus&#39;)"
              onmouseleave="click_keyboard(&#39;&#39;,&#39;keyboard_0&#39;,&#39;leave&#39;)"
              onkeydown="click_keyboard(event,&#39;keyboard_b&#39;,&#39;click&#39;)"
              onfocus="click_keyboard(&#39;&#39;,&#39;keyboard_b&#39;,&#39;focus&#39;)"
              onblur="click_keyboard(&#39;&#39;,&#39;keyboard_b&#39;,&#39;leave&#39;)">b</span>
        <span id="keyboard_c" tabindex="0" style="outline:none;"
              onclick="click_keyboard(&#39;&#39;,&#39;keyboard_c&#39;,&#39;click&#39;)"
              onmouseover="click_keyboard(&#39;&#39;,&#39;keyboard_c&#39;,&#39;focus&#39;)"
              onmouseleave="click_keyboard(&#39;&#39;,&#39;keyboard_0&#39;,&#39;leave&#39;)"
              onkeydown="click_keyboard(event,&#39;keyboard_c&#39;,&#39;click&#39;)"
              onfocus="click_keyboard(&#39;&#39;,&#39;keyboard_c&#39;,&#39;focus&#39;)"
              onblur="click_keyboard(&#39;&#39;,&#39;keyboard_c&#39;,&#39;leave&#39;)">c</span>
        <span id="keyboard_d" tabindex="0" style="outline:none;"
              onclick="click_keyboard(&#39;&#39;,&#39;keyboard_d&#39;,&#39;click&#39;)"
              onmouseover="click_keyboard(&#39;&#39;,&#39;keyboard_d&#39;,&#39;focus&#39;)"
              onmouseleave="click_keyboard(&#39;&#39;,&#39;keyboard_0&#39;,&#39;leave&#39;)"
              onkeydown="click_keyboard(event,&#39;keyboard_d&#39;,&#39;click&#39;)"
              onfocus="click_keyboard(&#39;&#39;,&#39;keyboard_d&#39;,&#39;focus&#39;)"
              onblur="click_keyboard(&#39;&#39;,&#39;keyboard_d&#39;,&#39;leave&#39;)">d</span>
        <span id="keyboard_e" tabindex="0" style="outline:none;"
              onclick="click_keyboard(&#39;&#39;,&#39;keyboard_e&#39;,&#39;click&#39;)"
              onmouseover="click_keyboard(&#39;&#39;,&#39;keyboard_e&#39;,&#39;focus&#39;)"
              onmouseleave="click_keyboard(&#39;&#39;,&#39;keyboard_0&#39;,&#39;leave&#39;)"
              onkeydown="click_keyboard(event,&#39;keyboard_e&#39;,&#39;click&#39;)"
              onfocus="click_keyboard(&#39;&#39;,&#39;keyboard_e&#39;,&#39;focus&#39;)"
              onblur="click_keyboard(&#39;&#39;,&#39;keyboard_e&#39;,&#39;leave&#39;)">e</span>
        <span id="keyboard_f" tabindex="0" style="outline:none;"
              onclick="click_keyboard(&#39;&#39;,&#39;keyboard_f&#39;,&#39;click&#39;)"
              onmouseover="click_keyboard(&#39;&#39;,&#39;keyboard_f&#39;,&#39;focus&#39;)"
              onmouseleave="click_keyboard(&#39;&#39;,&#39;keyboard_0&#39;,&#39;leave&#39;)"
              onkeydown="click_keyboard(event,&#39;keyboard_f&#39;,&#39;click&#39;)"
              onfocus="click_keyboard(&#39;&#39;,&#39;keyboard_f&#39;,&#39;focus&#39;)"
              onblur="click_keyboard(&#39;&#39;,&#39;keyboard_f&#39;,&#39;leave&#39;)">f</span>
        <span id="keyboard_g" tabindex="0" style="outline:none;"
              onclick="click_keyboard(&#39;&#39;,&#39;keyboard_g&#39;,&#39;click&#39;)"
              onmouseover="click_keyboard(&#39;&#39;,&#39;keyboard_g&#39;,&#39;focus&#39;)"
              onmouseleave="click_keyboard(&#39;&#39;,&#39;keyboard_0&#39;,&#39;leave&#39;)"
              onkeydown="click_keyboard(event,&#39;keyboard_g&#39;,&#39;click&#39;)"
              onfocus="click_keyboard(&#39;&#39;,&#39;keyboard_g&#39;,&#39;focus&#39;)"
              onblur="click_keyboard(&#39;&#39;,&#39;keyboard_g&#39;,&#39;leave&#39;)">g</span>
        <span id="keyboard_h" tabindex="0" style="outline:none;"
              onclick="click_keyboard(&#39;&#39;,&#39;keyboard_h&#39;,&#39;click&#39;)"
              onmouseover="click_keyboard(&#39;&#39;,&#39;keyboard_h&#39;,&#39;focus&#39;)"
              onmouseleave="click_keyboard(&#39;&#39;,&#39;keyboard_0&#39;,&#39;leave&#39;)"
              onkeydown="click_keyboard(event,&#39;keyboard_h&#39;,&#39;click&#39;)"
              onfocus="click_keyboard(&#39;&#39;,&#39;keyboard_h&#39;,&#39;focus&#39;)"
              onblur="click_keyboard(&#39;&#39;,&#39;keyboard_h&#39;,&#39;leave&#39;)">h</span>
        <span id="keyboard_i" tabindex="0" style="outline:none;"
              onclick="click_keyboard(&#39;&#39;,&#39;keyboard_i&#39;,&#39;click&#39;)"
              onmouseover="click_keyboard(&#39;&#39;,&#39;keyboard_i&#39;,&#39;focus&#39;)"
              onmouseleave="click_keyboard(&#39;&#39;,&#39;keyboard_0&#39;,&#39;leave&#39;)"
              onkeydown="click_keyboard(event,&#39;keyboard_i&#39;,&#39;click&#39;)"
              onfocus="click_keyboard(&#39;&#39;,&#39;keyboard_i&#39;,&#39;focus&#39;)"
              onblur="click_keyboard(&#39;&#39;,&#39;keyboard_i&#39;,&#39;leave&#39;)">i</span>
        <span id="keyboard_j" tabindex="0" style="outline:none;"
              onclick="click_keyboard(&#39;&#39;,&#39;keyboard_j&#39;,&#39;click&#39;)"
              onmouseover="click_keyboard(&#39;&#39;,&#39;keyboard_j&#39;,&#39;focus&#39;)"
              onmouseleave="click_keyboard(&#39;&#39;,&#39;keyboard_0&#39;,&#39;leave&#39;)"
              onkeydown="click_keyboard(event,&#39;keyboard_j&#39;,&#39;click&#39;)"
              onfocus="click_keyboard(&#39;&#39;,&#39;keyboard_j&#39;,&#39;focus&#39;)"
              onblur="click_keyboard(&#39;&#39;,&#39;keyboard_j&#39;,&#39;leave&#39;)">j</span>
        <span id="keyboard_k" tabindex="0" style="outline:none;"
              onclick="click_keyboard(&#39;&#39;,&#39;keyboard_k&#39;,&#39;click&#39;)"
              onmouseover="click_keyboard(&#39;&#39;,&#39;keyboard_k&#39;,&#39;focus&#39;)"
              onmouseleave="click_keyboard(&#39;&#39;,&#39;keyboard_0&#39;,&#39;leave&#39;)"
              onkeydown="click_keyboard(event,&#39;keyboard_k&#39;,&#39;click&#39;)"
              onfocus="click_keyboard(&#39;&#39;,&#39;keyboard_k&#39;,&#39;focus&#39;)"
              onblur="click_keyboard(&#39;&#39;,&#39;keyboard_k&#39;,&#39;leave&#39;)">k</span>
        <span id="keyboard_l" tabindex="0" style="outline:none;"
              onclick="click_keyboard(&#39;&#39;,&#39;keyboard_l&#39;,&#39;click&#39;)"
              onmouseover="click_keyboard(&#39;&#39;,&#39;keyboard_l&#39;,&#39;focus&#39;)"
              onmouseleave="click_keyboard(&#39;&#39;,&#39;keyboard_0&#39;,&#39;leave&#39;)"
              onkeydown="click_keyboard(event,&#39;keyboard_l&#39;,&#39;click&#39;)"
              onfocus="click_keyboard(&#39;&#39;,&#39;keyboard_l&#39;,&#39;focus&#39;)"
              onblur="click_keyboard(&#39;&#39;,&#39;keyboard_l&#39;,&#39;leave&#39;)">l</span>
        <span id="keyboard_m" tabindex="0" style="outline:none;"
              onclick="click_keyboard(&#39;&#39;,&#39;keyboard_m&#39;,&#39;click&#39;)"
              onmouseover="click_keyboard(&#39;&#39;,&#39;keyboard_m&#39;,&#39;focus&#39;)"
              onmouseleave="click_keyboard(&#39;&#39;,&#39;keyboard_0&#39;,&#39;leave&#39;)"
              onkeydown="click_keyboard(event,&#39;keyboard_m&#39;,&#39;click&#39;)"
              onfocus="click_keyboard(&#39;&#39;,&#39;keyboard_m&#39;,&#39;focus&#39;)"
              onblur="click_keyboard(&#39;&#39;,&#39;keyboard_m&#39;,&#39;leave&#39;)">m</span>

        <span id="keyboard_n" tabindex="0" style="outline:none;"
              onclick="click_keyboard(&#39;&#39;,&#39;keyboard_n&#39;,&#39;click&#39;)"
              onmouseover="click_keyboard(&#39;&#39;,&#39;keyboard_n&#39;,&#39;focus&#39;)"
              onmouseleave="click_keyboard(&#39;&#39;,&#39;keyboard_0&#39;,&#39;leave&#39;)"
              onkeydown="click_keyboard(event,&#39;keyboard_n&#39;,&#39;click&#39;)"
              onfocus="click_keyboard(&#39;&#39;,&#39;keyboard_n&#39;,&#39;focus&#39;)"
              onblur="click_keyboard(&#39;&#39;,&#39;keyboard_n&#39;,&#39;leave&#39;)">n</span>
        <span id="keyboard_o" tabindex="0" style="outline:none;"
              onclick="click_keyboard(&#39;&#39;,&#39;keyboard_o&#39;,&#39;click&#39;)"
              onmouseover="click_keyboard(&#39;&#39;,&#39;keyboard_o&#39;,&#39;focus&#39;)"
              onmouseleave="click_keyboard(&#39;&#39;,&#39;keyboard_0&#39;,&#39;leave&#39;)"
              onkeydown="click_keyboard(event,&#39;keyboard_o&#39;,&#39;click&#39;)"
              onfocus="click_keyboard(&#39;&#39;,&#39;keyboard_o&#39;,&#39;focus&#39;)"
              onblur="click_keyboard(&#39;&#39;,&#39;keyboard_o&#39;,&#39;leave&#39;)">o</span>
        <span id="keyboard_p" tabindex="0" style="outline:none;"
              onclick="click_keyboard(&#39;&#39;,&#39;keyboard_p&#39;,&#39;click&#39;)"
              onmouseover="click_keyboard(&#39;&#39;,&#39;keyboard_p&#39;,&#39;focus&#39;)"
              onmouseleave="click_keyboard(&#39;&#39;,&#39;keyboard_0&#39;,&#39;leave&#39;)"
              onkeydown="click_keyboard(event,&#39;keyboard_p&#39;,&#39;click&#39;)"
              onfocus="click_keyboard(&#39;&#39;,&#39;keyboard_p&#39;,&#39;focus&#39;)"
              onblur="click_keyboard(&#39;&#39;,&#39;keyboard_p&#39;,&#39;leave&#39;)">p</span>
        <span id="keyboard_q" tabindex="0" style="outline:none;"
              onclick="click_keyboard(&#39;&#39;,&#39;keyboard_q&#39;,&#39;click&#39;)"
              onmouseover="click_keyboard(&#39;&#39;,&#39;keyboard_q&#39;,&#39;focus&#39;)"
              onmouseleave="click_keyboard(&#39;&#39;,&#39;keyboard_0&#39;,&#39;leave&#39;)"
              onkeydown="click_keyboard(event,&#39;keyboard_q&#39;,&#39;click&#39;)"
              onfocus="click_keyboard(&#39;&#39;,&#39;keyboard_q&#39;,&#39;focus&#39;)"
              onblur="click_keyboard(&#39;&#39;,&#39;keyboard_q&#39;,&#39;leave&#39;)">q</span>
        <span id="keyboard_r" tabindex="0" style="outline:none;"
              onclick="click_keyboard(&#39;&#39;,&#39;keyboard_r&#39;,&#39;click&#39;)"
              onmouseover="click_keyboard(&#39;&#39;,&#39;keyboard_r&#39;,&#39;focus&#39;)"
              onmouseleave="click_keyboard(&#39;&#39;,&#39;keyboard_0&#39;,&#39;leave&#39;)"
              onkeydown="click_keyboard(event,&#39;keyboard_r&#39;,&#39;click&#39;)"
              onfocus="click_keyboard(&#39;&#39;,&#39;keyboard_r&#39;,&#39;focus&#39;)"
              onblur="click_keyboard(&#39;&#39;,&#39;keyboard_r&#39;,&#39;leave&#39;)">r</span>
        <span id="keyboard_s" tabindex="0" style="outline:none;"
              onclick="click_keyboard(&#39;&#39;,&#39;keyboard_s&#39;,&#39;click&#39;)"
              onmouseover="click_keyboard(&#39;&#39;,&#39;keyboard_s&#39;,&#39;focus&#39;)"
              onmouseleave="click_keyboard(&#39;&#39;,&#39;keyboard_0&#39;,&#39;leave&#39;)"
              onkeydown="click_keyboard(event,&#39;keyboard_s&#39;,&#39;click&#39;)"
              onfocus="click_keyboard(&#39;&#39;,&#39;keyboard_s&#39;,&#39;focus&#39;)"
              onblur="click_keyboard(&#39;&#39;,&#39;keyboard_s&#39;,&#39;leave&#39;)">s</span>
        <span id="keyboard_t" tabindex="0" style="outline:none;"
              onclick="click_keyboard(&#39;&#39;,&#39;keyboard_t&#39;,&#39;click&#39;)"
              onmouseover="click_keyboard(&#39;&#39;,&#39;keyboard_t&#39;,&#39;focus&#39;)"
              onmouseleave="click_keyboard(&#39;&#39;,&#39;keyboard_0&#39;,&#39;leave&#39;)"
              onkeydown="click_keyboard(event,&#39;keyboard_t&#39;,&#39;click&#39;)"
              onfocus="click_keyboard(&#39;&#39;,&#39;keyboard_t&#39;,&#39;focus&#39;)"
              onblur="click_keyboard(&#39;&#39;,&#39;keyboard_t&#39;,&#39;leave&#39;)">t</span>
        <span id="keyboard_u" tabindex="0" style="outline:none;"
              onclick="click_keyboard(&#39;&#39;,&#39;keyboard_u&#39;,&#39;click&#39;)"
              onmouseover="click_keyboard(&#39;&#39;,&#39;keyboard_u&#39;,&#39;focus&#39;)"
              onmouseleave="click_keyboard(&#39;&#39;,&#39;keyboard_0&#39;,&#39;leave&#39;)"
              onkeydown="click_keyboard(event,&#39;keyboard_u&#39;,&#39;click&#39;)"
              onfocus="click_keyboard(&#39;&#39;,&#39;keyboard_u&#39;,&#39;focus&#39;)"
              onblur="click_keyboard(&#39;&#39;,&#39;keyboard_u&#39;,&#39;leave&#39;)">u</span>
        <span id="keyboard_v" tabindex="0" style="outline:none;"
              onclick="click_keyboard(&#39;&#39;,&#39;keyboard_v&#39;,&#39;click&#39;)"
              onmouseover="click_keyboard(&#39;&#39;,&#39;keyboard_v&#39;,&#39;focus&#39;)"
              onmouseleave="click_keyboard(&#39;&#39;,&#39;keyboard_0&#39;,&#39;leave&#39;)"
              onkeydown="click_keyboard(event,&#39;keyboard_v&#39;,&#39;click&#39;)"
              onfocus="click_keyboard(&#39;&#39;,&#39;keyboard_v&#39;,&#39;focus&#39;)"
              onblur="click_keyboard(&#39;&#39;,&#39;keyboard_v&#39;,&#39;leave&#39;)">v</span>
        <span id="keyboard_w" tabindex="0" style="outline:none;"
              onclick="click_keyboard(&#39;&#39;,&#39;keyboard_w&#39;,&#39;click&#39;)"
              onmouseover="click_keyboard(&#39;&#39;,&#39;keyboard_w&#39;,&#39;focus&#39;)"
              onmouseleave="click_keyboard(&#39;&#39;,&#39;keyboard_0&#39;,&#39;leave&#39;)"
              onkeydown="click_keyboard(event,&#39;keyboard_w&#39;,&#39;click&#39;)"
              onfocus="click_keyboard(&#39;&#39;,&#39;keyboard_w&#39;,&#39;focus&#39;)"
              onblur="click_keyboard(&#39;&#39;,&#39;keyboard_w&#39;,&#39;leave&#39;)">w</span>
        <span id="keyboard_x" tabindex="0" style="outline:none;"
              onclick="click_keyboard(&#39;&#39;,&#39;keyboard_x&#39;,&#39;click&#39;)"
              onmouseover="click_keyboard(&#39;&#39;,&#39;keyboard_x&#39;,&#39;focus&#39;)"
              onmouseleave="click_keyboard(&#39;&#39;,&#39;keyboard_0&#39;,&#39;leave&#39;)"
              onkeydown="click_keyboard(event,&#39;keyboard_x&#39;,&#39;click&#39;)"
              onfocus="click_keyboard(&#39;&#39;,&#39;keyboard_x&#39;,&#39;focus&#39;)"
              onblur="click_keyboard(&#39;&#39;,&#39;keyboard_x&#39;,&#39;leave&#39;)">x</span>
        <span id="keyboard_y" tabindex="0" style="outline:none;"
              onclick="click_keyboard(&#39;&#39;,&#39;keyboard_y&#39;,&#39;click&#39;)"
              onmouseover="click_keyboard(&#39;&#39;,&#39;keyboard_y&#39;,&#39;focus&#39;)"
              onmouseleave="click_keyboard(&#39;&#39;,&#39;keyboard_0&#39;,&#39;leave&#39;)"
              onkeydown="click_keyboard(event,&#39;keyboard_y&#39;,&#39;click&#39;)"
              onfocus="click_keyboard(&#39;&#39;,&#39;keyboard_y&#39;,&#39;focus&#39;)"
              onblur="click_keyboard(&#39;&#39;,&#39;keyboard_y&#39;,&#39;leave&#39;)">y</span>
        <span id="keyboard_z" tabindex="0" style="outline:none;"
              onclick="click_keyboard(&#39;&#39;,&#39;keyboard_z&#39;,&#39;click&#39;)"
              onmouseover="click_keyboard(&#39;&#39;,&#39;keyboard_z&#39;,&#39;focus&#39;)"
              onmouseleave="click_keyboard(&#39;&#39;,&#39;keyboard_0&#39;,&#39;leave&#39;)"
              onkeydown="click_keyboard(event,&#39;keyboard_z&#39;,&#39;click&#39;)"
              onfocus="click_keyboard(&#39;&#39;,&#39;keyboard_z&#39;,&#39;focus&#39;)"
              onblur="click_keyboard(&#39;&#39;,&#39;keyboard_z&#39;,&#39;leave&#39;)">z</span>
    </div>

    <div id="keyboard_operate" class="keyboard_operate">
        <span id="keyboard_switch" class="keyboard_switch" tabindex="0" style="outline:none;"
              onclick="operate_keyboard(&#39;&#39;,&#39;keyboard_switch&#39;,&#39;click&#39;)"
              onmouseover="operate_keyboard(&#39;&#39;,&#39;keyboard_switch&#39;,&#39;focus&#39;)"
              onmouseleave="operate_keyboard(&#39;&#39;,&#39;keyboard_switch&#39;,&#39;leave&#39;)"
              onkeydown="operate_keyboard(event,&#39;keyboard_switch&#39;,&#39;click&#39;)"
              onfocus="operate_keyboard(&#39;&#39;,&#39;keyboard_switch&#39;,&#39;focus&#39;)"
              onblur="operate_keyboard(&#39;&#39;,&#39;keyboard_switch&#39;,&#39;leave&#39;)">A/a</span>
        <span id="keyboard_zh" class="keyboard_zh" tabindex="0" style="outline:none;"
              onclick="operate_keyboard(&#39;&#39;,&#39;keyboard_zh&#39;,&#39;click&#39;)"
              onmouseover="operate_keyboard(&#39;&#39;,&#39;keyboard_zh&#39;,&#39;focus&#39;)"
              onmouseleave="operate_keyboard(&#39;&#39;,&#39;keyboard_zh&#39;,&#39;leave&#39;)"
              onkeydown="operate_keyboard(event,&#39;keyboard_zh&#39;,&#39;click&#39;)"
              onfocus="operate_keyboard(&#39;&#39;,&#39;keyboard_zh&#39;,&#39;focus&#39;)"
              onblur="operate_keyboard(&#39;&#39;,&#39;keyboard_zh&#39;,&#39;leave&#39;)">中/英</span>
        <span id="keyboard_dele" class="keyboard_dele" tabindex="0" style="outline:none;"
              onclick="operate_keyboard(&#39;&#39;,&#39;keyboard_dele&#39;,&#39;click&#39;)"
              onmouseover="operate_keyboard(&#39;&#39;,&#39;keyboard_dele&#39;,&#39;focus&#39;)"
              onmouseleave="operate_keyboard(&#39;&#39;,&#39;keyboard_dele&#39;,&#39;leave&#39;)"
              onkeydown="operate_keyboard(event,&#39;keyboard_dele&#39;,&#39;click&#39;)"
              onfocus="operate_keyboard(&#39;&#39;,&#39;keyboard_dele&#39;,&#39;focus&#39;)"
              onblur="operate_keyboard(&#39;&#39;,&#39;keyboard_dele&#39;,&#39;leave&#39;)">删除</span>
        <span id="keyboard_close" class="keyboard_close" tabindex="0" style="outline:none;"
              onclick="operate_keyboard(&#39;&#39;,&#39;keyboard_close&#39;,&#39;click&#39;)"
              onmouseover="operate_keyboard(&#39;&#39;,&#39;keyboard_close&#39;,&#39;focus&#39;)"
              onmouseleave="operate_keyboard(&#39;&#39;,&#39;keyboard_close&#39;,&#39;leave&#39;)"
              onkeydown="operate_keyboard(event,&#39;keyboard_close&#39;,&#39;click&#39;)"
              onfocus="operate_keyboard(&#39;&#39;,&#39;keyboard_close&#39;,&#39;focus&#39;)"
              onblur="operate_keyboard(&#39;&#39;,&#39;keyboard_close&#39;,&#39;leave&#39;)">关闭</span>
    </div>
</div>

<script>
    $("#virtualKeyboard").attr("class", "virtualKeyboard");
    save_old_index();
    change_components(0, 0, keyboardArray);
    $("#keyboard_0").focus();
</script>
</body>
</html>